<template>
  <div>
    <!-- 标题模块 -->
    <div>
      <van-nav-bar
      title="收藏店铺(个人商圈)"
      left-arrow
      @click-left="$router.back()"
    />
    </div>
    <!-- 搜索模块 -->
    <div>
      <van-search
        shape="round"
        placeholder="请输入搜索关键词"
      />
    </div>
    <!-- 内容模块 -->
    <div class="shop-one">
      <div class="shop-box">
      </div>
    </div>
  </div>
</template>

<script>
import { Collection } from '@/api/address'
export default {
  name: 'Shop',
  data () {
    return {
      Collectionshop: []
    }
  },
  created () {
    this.shopbox()
  },
  mounted () {

  },
  methods: {
    async shopbox () {
      try {
        const { data } = await Collection()
        this.Collectionshop = data.data
        console.log(data)
      } catch (err) {
        this.$mount('获取失败')
      }
    }
  }
}
</script>

<style scoped lang="less">
  .van-nav-bar {
      background-color: #f93e2e;
      /deep/.van-nav-bar__title {
        color: #fff;
      }
      /deep/.van-icon {
        color: #fff;
        font-size: 40px;
      }
    }
</style>
